<div class="home-main">
	<div class="home-right">
		<div>
			<h4 class="title">行业排行</h4>
			<div><img class="p_logo" src="{{$ctrl.pic}}" />
				<span>{{$ctrl.name}}</span>
				<span>{{$ctrl.category}}</span>
			</div>

			<div>近30天支付额第
				<a> {{$ctrl.indices[0].rank}} </a> 名</div>
		</div>
		<hr style="clear: both;" />

		<div>
			<div>
				<div class="top10_title">行业榜单TOP10</div>
				<ul class="top10_2">
					<li class="">
						<div class="col-md-4">排行</div>
						<div class="col-md-8">店铺名称</div>
					</li>
					<li class="" ng-repeat="item in $ctrl.salesTop10">
						<div class="col-md-1">{{$index+1}}</div>
						<div class="col-md-3">
							<img class="p_logo" src="{{item.logUrl}}" />
						</div>
						<div class="col-md-7">
							<a>{{item.shopName}}</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<hr style="clear: both;" />

		<div>
			<div style="height: 20px;">
				<div class="col-md-5 top10_title" style="padding: 0;">
					商品访问榜TOP10
				</div>
				<div class="col-md-7" style="padding: 0;">
					<div class="col-md-3 tag" style="padding: 0;" ng-class="{active:$ctrl.selectedList == 'today'}" ng-click="$ctrl.selectedList='today'">今天
					</div>
					<div class="col-md-3 tag" style="padding: 0;" ng-class="{active:$ctrl.selectedList == 'yestday'}" ng-click="$ctrl.selectedList='yestday'">昨天
					</div>
					<div class="col-md-6 tag" style="padding: 0;">实时榜单></div>
				</div>
			</div>

			<ul class="top10_2 no-padding" ng-show="$ctrl.selectedList=='today'">
				<li class="">
					<span class="c3">排行</span>
					<span class="c6">商品名称</span>
					<span class="c3">访问量</span>
				</li>
				<li class="" ng-repeat="item in $ctrl.goodViewTop10_1">
					<span class="c1">{{$index +1}}</span>
					<span class="c2"><img class="p_logo" src="{{item.imgUrl}}"/></span>
					<span class="c6">
							<a class="two_line">{{item.name}}</a>
						</span>
					<span class="c2" style="text-align: center">{{item.pv}}</span>
				</li>
			</ul>

			<ul class="top10_2 no-padding" ng-show="$ctrl.selectedList=='yestday'">
				<li class="">
					<span class="c3">排行</span>
					<span class="c6">商品名称</span>
					<span class="c3">访问量</span>
				</li>
				<li class="" ng-repeat="item in $ctrl.goodViewTop10_2">
					<span class="c1">{{$index +1}}</span>
					<span class="c2"><img class="p_logo" src="{{item.imgUrl}}"/></span>
					<span class="c6">
							<a class="two_line">{{item.name}}</a>
						</span>
					<span class="c2" style="text-align: center">{{item.pv}}</span>
				</li>
			</ul>

		</div>

		<hr style="clear: both;" />
		<customer></customer>
	</div>

	<div class="home-left">
		<div class="backlog">
			<h4 class="title">待办事项</h4>
			<ul class="content">
				<li class="">
					<div>待付款订单</div>
					<div class="number">
						<a>{{$ctrl.backlog.toPay}}</a>
					</div>
				</li>
				<li class="">
					<div>待发货订单</div>
					<div class="number">
						<a>{{$ctrl.backlog.paid}}</a>
					</div>
				</li>
				<li class="">
					<div>待评论订单</div>
					<div class="number">
						<a>{{$ctrl.backlog.notComment}}</a>
					</div>
				</li>
				<li class="">
					<div>已评论订单</div>
					<div class="number">
						<a>{{$ctrl.backlog.commented}}</a>
					</div>
				</li>
				<li class="">
					<div>退款中订单</div>
					<div class="number">
						<a>{{$ctrl.backlog.returnBack}}</a>
					</div>
				</li>
				<li class="">
					<div>待处理投诉</div>
					<div class="number">
						<a>{{$ctrl.backlog.complaint}}</a>
					</div>
				</li>
			</ul>
		</div>

		<hr style="clear: both;" />
		<div class="indices">
			<div class="head">
				<h4 class="title">实时指标</h4>
				<div>主营行业：{{$ctrl.category}}</div>
				<div>更新时间：{{$ctrl.refreshTime}}</div>
			</div>
			<ul class="tabs content" style="">
				<li class="" ng-class="{active:$ctrl.selectedTable == 'table0'}" ng-click="$ctrl.selectedTable = 'table0'">
					<div>
						<div class="icon">
							<img src="img/u26.png" />
						</div>
						<div class="icon-title">
							<div class="div0">支付金额</div>
							<div class="div1">{{$ctrl.indices[0].today}}</div>
						</div>
					</div>
					<div>
						<span class="left">移动占比</span>
						<span class="right">{{$ctrl.indices[0].byApp | percentage}}</span>
					</div>
					<div>
						<span class="left">昨日全天</span>
						<span class="right">{{$ctrl.indices[0].yesterday}}</span>
					</div>
					<div>
						<span class="left">实时排名</span>
						<span class="right">{{$ctrl.indices[0].rank}}</span>
					</div>
				</li>
				<li class="" ng-class="{active:$ctrl.selectedTable == 'table1'}" ng-click="$ctrl.selectedTable = 'table1'">
					<div>
						<div class="icon">
							<img src="img/u40.png" />
						</div>
						<div class="icon-title">
							<div class="div0">支付商品数</div>
							<div class="div1">{{$ctrl.indices[1].today}}</div>
						</div>
					</div>
					<div>
						<span class="left">移动占比</span>
						<span class="right">{{$ctrl.indices[1].byApp | percentage}}</span>
					</div>
					<div>
						<span class="left">昨日全天</span>
						<span class="right">{{$ctrl.indices[1].yesterday}}</span>
					</div>
					<div>
						<span class="left">实时排名</span>
						<span class="right">{{$ctrl.indices[1].rank}}</span>
					</div>
				</li>
				<li class="" ng-class="{active:$ctrl.selectedTable == 'table2'}" ng-click="$ctrl.selectedTable = 'table2'">
					<div>
						<div class="icon">
							<img src="img/u38.png" />
						</div>
						<div class="icon-title">
							<div class="div0">支付买家数</div>
							<div class="div1">{{$ctrl.indices[2].today}}</div>
						</div>
					</div>
					<div>
						<span class="left">移动占比</span>
						<span class="right">{{$ctrl.indices[2].byApp | percentage }}</span>
					</div>
					<div>
						<span class="left">昨日全天</span>
						<span class="right">{{$ctrl.indices[2].yesterday}}</span>
					</div>
					<div>
						<span class="left">实时排名</span>
						<span class="right">{{$ctrl.indices[2].rank}}</span>
					</div>
				</li>
				<li class="" ng-class="{active:$ctrl.selectedTable == 'table3'}" ng-click="$ctrl.selectedTable = 'table3'">
					<div>
						<div class="icon">
							<img src="img/u42.png" />
						</div>
						<div class="icon-title">
							<div class="div0">浏览量</div>
							<div class="div1">{{$ctrl.indices[3].today}}</div>
						</div>
					</div>
					<div>
						<span class="left">移动占比</span>
						<span class="right">{{$ctrl.indices[3].byApp | percentage}}</span>
					</div>
					<div>
						<span class="left">昨日全天</span>
						<span class="right">{{$ctrl.indices[3].yesterday}}</span>
					</div>
					<div>
						<span class="left">实时排名</span>
						<span class="right">{{$ctrl.indices[3].rank}}</span>
					</div>
				</li>
				<li class="" ng-class="{active:$ctrl.selectedTable == 'table4'}" ng-click="$ctrl.selectedTable = 'table4'">
					<div>
						<div class="icon">
							<img src="img/u36.png" />
						</div>
						<div class="icon-title">
							<div class="div0">访客数</div>
							<div class="div1">{{$ctrl.indices[4].today}}</div>
						</div>
					</div>
					<div>
						<span class="left">移动占比</span>
						<span class="right">{{$ctrl.indices[4].byApp | percentage}}</span>
					</div>
					<div>
						<span class="left">昨日全天</span>
						<span class="right">{{$ctrl.indices[4].yesterday}}</span>
					</div>
					<div>
						<span class="left">实时排名</span>
						<span class="right">{{$ctrl.indices[4].rank}}</span>
					</div>
				</li>
			</ul>
			<div style="height: 20px;clear: both;"></div>

			<div id="indexChart0" class="chart  content" ng-show="$ctrl.selectedTable == 'table0'">
				<!--<h1>在这儿画图,图表{{$ctrl.chart}}</h1>-->
				<h2>table1</h2>
			</div>
			<div id="indexChart1" class="chart  content" ng-show="$ctrl.selectedTable == 'table1'">
				<!--<h1>在这儿画图,图表{{$ctrl.chart}}</h1>-->
				<h2>table2</h2>
			</div>
			<div id="indexChart2" class="chart  content" ng-show="$ctrl.selectedTable == 'table2'">
				<!--<h1>在这儿画图,图表{{$ctrl.chart}}</h1>-->
				<h2>table3</h2>
			</div>
			<div id="indexChart3" class="chart  content" ng-show="$ctrl.selectedTable == 'table3'">
				<!--<h1>在这儿画图,图表{{$ctrl.chart}}</h1>-->
				<h2>table4</h2>
			</div>
			<div id="indexChart4" class="chart  content" ng-show="$ctrl.selectedTable == 'table4'">
				<!--<h1>在这儿画图,图表{{$ctrl.chart}}</h1>-->
				<h2>table5</h2>
			</div>

			<div class="my_datepicker">
				<datepicker date-format="yyyy-MM-dd" selector="date" date-min-limit="{{$ctrl.minDate}}" date-max-limit="{{$ctrl.maxDate}}">
					<div class="input-group">
						<button class="" ng-click="$ctrl.lastDay()" ng-disabled="$ctrl.btnLeftDisable">
                            <span class="glyphicon glyphicon-menu-left"></span>前一天
                        </button>
						<span class="">
							<span class="glyphicon glyphicon-calendar"></span>
						<input class="date" ng-model="$ctrl.dateTime" ng-change="$ctrl.onChange()" />
						</span>
						<button class="" ng-click="$ctrl.nextDay()" ng-disabled="$ctrl.btnRightDisable">
                            后一天<span class="glyphicon glyphicon-menu-right"></span>
                        </button>
					</div>
				</datepicker>
			</div>
		</div>
		<div style="height: 10px;"></div>
		<hr style="clear: both;" />
		<flow></flow>
		<hr style="clear: both;" />
		<div class="good">
			<div>
				<h4 class="title">商品分析</h4>
			</div>
			<div class="content" style="height: 280px;">
				<div style="height: 80px;">
					<p>本周有2款商品累计被加入购物车1008次，被收藏2300次，建议对该商品进行一定程度降价营销活动哦，以促进关注用户下单购买哦； 最近7天，5个商品访问量下降50%以上，6个商品支付金额下降30%以上，
						<a>立即查看异常商品</a>
					</p>
				</div>

				<div class="c9" style="height: 220px;">
						<table class="table">
							<tbody>
								<tr>
									<td>加购件数</td>
									<td>{{$ctrl.good.moreGood[0]}}</td>
									<td>收藏次数</td>
									<td>{{$ctrl.good.favorites[0]}}</td>
									<td>平均跳出率</td>
									<td>{{$ctrl.good.averageBounceRate[0]|abs|percentage}}</td>
								</tr>
								<tr>
									<td>较前一天</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.moreGood[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.moreGood[1] &lt 0}]">
											{{$ctrl.good.moreGood[1]|abs|percentage}}
										</span>
									</td>
									<td>较前一天</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.favorites[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.favorites[1] &lt 0}]">
											{{$ctrl.good.favorites[1]|abs|percentage}}
										</span>
									</td>
									<td>较前一天</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.averageBounceRate[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.averageBounceRate[1] &lt 0}]">
											{{$ctrl.good.averageBounceRate[1]|abs|percentage}}
										</span>
									</td>								
								</tr>
								<tr>
									<td>较上周</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.moreGood[2] &gt 0},{'glyphicon-arrow-down': $ctrl.good.moreGood[2] &lt 0}]">
											{{$ctrl.good.moreGood[2]|abs|percentage}}
										</span>
									</td>
									<td>较上周</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.favorites[2] &gt 0},{'glyphicon-arrow-down': $ctrl.good.favorites[2] &lt 0}]">
											{{$ctrl.good.favorites[2]|abs|percentage}}
								    	</span>
									</td>
									<td>较上周</td>
									<td>
										<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.averageBounceRate[2] &gt 0},{'glyphicon-arrow-down': $ctrl.good.averageBounceRate[2] &lt 0}]">
											{{$ctrl.good.averageBounceRate[2]|abs|percentage}}
										</span>
									</td>
								</tr>
							</tbody>
						</table>
						<table class="table">
							<tr>
								<td style="width: 20%;">被访问商品数</td>
								<td style="width: 30%;">
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
										</div>
									</div>
								</td>
								<td style="width: 10%;">{{$ctrl.good.goodView[0]}}</td>
								<td style="width: 20%">较前一日</td>
								<td style="width: 20%;">
									<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.goodView[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.goodView[1] &lt 0}]">
										{{$ctrl.good.goodView[1]|abs|percentage}}
									</span>
								</td>
							</tr>
							<tr>
								<td style="width: 20%;">被下单商品数</td>
								<td style="width: 30%;">
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" ng-style="$ctrl.orderGoodWidth">
										</div>
									</div>
								</td>
								<td style="width: 10%;">{{$ctrl.good.orderGood[0]}}</td>
								<td style="width: 20%">较前一日</td>
								<td style="width: 20%;">
									<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.orderGood[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.orderGood[1] &lt 0}]">
										{{$ctrl.good.orderGood[1]|abs|percentage}}
									</span>
								</td>
							</tr>
							<tr>
								<td style="width: 20%;">被支付商品数</td>
								<td style="width: 30%;">
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" ng-style="$ctrl.payedGoodWidth">
										</div>
									</div>
								</td>
								<td style="width: 10%;">{{$ctrl.good.payedGood[0]}}</td>
								<td style="width: 20%">较前一日</td>
								<td style="width: 20%;">
									<span class="glyphicon " ng-class="[{'glyphicon-arrow-up': $ctrl.good.payedGood[1] &gt 0},{'glyphicon-arrow-down': $ctrl.good.payedGood[1] &lt 0}]">
										{{$ctrl.good.payedGood[1]|abs|percentage}}
									</span>
								</td>
							</tr>
						</table>
				</div>
				<div id="funnel" class="c3" style="height: 200px;">
					
				</div>

			</div>

		</div>

		<hr style="clear: both;" />
		<trade></trade>
	</div>

	<hr style="clear: both; margin-top: 0;border-top: 0;" />

	<market></market>

</div>